const musicContainer = document.getElementById('music-container');
const playBth = document.getElementById('play');
const prevBth = document.getElementById('prev');
const nextBth = document.getElementById('next');

const audio = document.getElementById('audio');
const progress = document.getElementById('progress');
const progressContainer = document.getElementById('progress-container');
const title = document.getElementById('title');
const cover = document.getElementById('cover');

const songs = ['hey','summer','ukulele'];

let songIndex = 2;

loadSong(songs[songIndex]);

function loadSong(song){
    title.innerText = song;
    audio.src = 'musci/${song}.mp3';
    cover.src = 'images/${song}.jpg';
}

playBth.addEventListener('click',function(){
    const isPlaying = musicContainer.classList.contains('play');
    if(isPlaying){
        pauseSong();
    }else{
        playSong();
    }
})